import MdEditor from 'react-markdown-editor-lite';
// import style manually
import ReactMarkdown from 'react-markdown'
import 'react-markdown-editor-lite/lib/index.css';
const Com = () => {

    return (
        <div style= {{ width: '100%'}}>
          <MdEditor 
            style={{ height: '500px' }} 
            renderHTML = { (text) => {
              return (
                <ReactMarkdown>
                  { text }
                </ReactMarkdown>
              )
            }}
            onChange={ ({ html, text }) => {
              // console.log('handleEditorChange', html, text);
              console.log('handleEditorChange', html, text);
            }} >
            </MdEditor>
        </div>
      )
}

export default Com